JavaScript Async Generator Pipeline: Mastering Stream Processing Chains

            
async function* numberGenerator(limit) {
  for (let i = 0; i < limit; i++) {
    await new Promise(resolve => setTimeout(resolve, 100)); // Simulate async operation
    yield i;
  }
}

            

              
                Copy
              
            
          

            
async function consumeGenerator() {
  for await (const number of numberGenerator(5)) {
    console.log(number);
  }
}

consumeGenerator(); // Output: 0, 1, 2, 3, 4 (with 100ms delay between each)

            

              
                Copy
              
            
          

            
async function* urlGenerator(urls) {
  for (const url of urls) {
    yield url;
  }
}

const urls = [
  "https://www.example.com",
  "https://www.google.com",
  "https://developer.mozilla.org",
  "https://nodejs.org"
];

const urlStream = urlGenerator(urls);

            

              
                Copy
              
            
          

            
async function* fetchContent(urlStream) {
  for await (const url of urlStream) {
    try {
      const response = await fetch(url);
      const html = await response.text();
      yield { url, html };
    } catch (error) {
      console.error(`Error fetching ${url}: ${error}`);
    }
  }
}

            

              
                Copy
              
            
          

            
async function* extractTitle(contentStream) {
  for await (const { url, html } of contentStream) {
    const titleMatch = html.match(/